{% extends "templates/base.html" %}

{% block csslink %}
		{{ super() }}
		<style type="text/css" title="currentStyle">
			@import "/media/css/demo_page.css";
			@import "/media/css/demo_table.css";
		</style>
        <script type="text/javascript" language="javascript" src="/media/js/jquery.js"></script>
        <script type="text/javascript" language="javascript" src="/media/js/jquery.dataTables.js"></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function() {
				$('#accounts').dataTable({
			        "bPaginate": false,
			        "bLengthChange": false,
			        "bFilter": true,
			        "bSort": false,
			        "bInfo": false,
			        "bAutoWidth": false
			    } );
			} );
	    </script>
{% endblock %}

{% block title %} 
	{{ title }}
{% endblock %}

{% block header %}
{{ header }}
{% endblock %}

{% block login%}
{% if show_login %}
{{ super() }}
{% endif %}
{% endblock%}

{% block navigation %}
{% if not show_login %}
{{ super() }}
{% endif %}
{% endblock %}

{% block page_name %}
{{ content_header }}
{% endblock %}

{% block main_content %}
<p>

	<form method="POST" action="">
	<fieldset>
    <legend>Main accounts</legend>
	<table cellpadding="0" cellspacing="0" border="0" class="display" id="accounts" width="100%">
		<thead>
			<tr>
				<th>Code</th>
				<th>Title</th>
			</tr>
		</thead>
		<tbody>
			{% for a in accounts %}
			<tr class="{{ loop.cycle('even gradeC', 'odd gradeC') }}">
				<td align="center">{{a.code}}</td>
				<td><b>{{a.name}}</b></td>
			</tr>
			{% endfor %}
		</tbody>
		<tfoot>
			<tr>
				<th>Code</th>
				<th>Title</th>
			</tr>
		</tfoot>
	</table>
	<div class="submit">
		<input type="submit" value=" Save list ">
	</div>
	</fieldset>
	</form>
</p>			
{% endblock %}
